<template>

  <div class="top1">
    <div class="mint-header" >
         
         <img src="../../assets/images/a.png" class="yu"> 
        <!-- <span>搜索</span>  -->
   </div>
     <!--  class="iconfont icon-caidan1" -->
       <div class="head-search">
      <!-- <div class="menu"><input type="button" value="&gt;" @click="isShow" ></div> -->
    <span class="iconfont icon-sousuo" @click="searchRouter"></span>
    </div>
    
  </div>
</template>
<script>
export default{
 methods:{
    searchRouter(){
     this.$store.commit('showDetailPlayer',false);
    this.$router.push({path:"/search"})
  },
  isShow(){
    this.$refs.show=! this.$refs.show
      console.log(this.$refs.show)
  }
 }
}
</script>
<style  scoped>

 .mint-header{
     width: 100%;
     height: 65px;
     position: fixed;
     top:0;
     left: 0;
<<<<<<< HEAD
    background:#2ca2f9;
    z-index:99
=======
    
    z-index:1000;
    background-color: #00A0E8;
>>>>>>> 7dd98ad4f10b0d0fc1a7994a24c127972341b2d9
 }
 .yu{
    width:180px;
 }

.iconfont.icon-sousuo{
<<<<<<< HEAD
  position: absolute;
}
=======
  position: fixed; 
    z-index:1000; 
    color: white;
    right: 8px;
    top: 18px;
    font-size: 29px; 
 
}

>>>>>>> 7dd98ad4f10b0d0fc1a7994a24c127972341b2d9
</style>
 

